.flex_between_center {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.checkbox {
		position: relative;
		margin-left: 10rpx;
		margin-right: 0px;
		.color {
			color: #00aaff;
			background-color: #00aaff;
		}
		.txt {
			font-size: 44rpx;
			width: 100%;
			height: 100%;
			display: flex;
		}
	}
	.checkBorder {
		border: 1px solid #ecdee4;
	}
	.header {
		width: 100%;
		position: fixed;
		background-color: #fff;
		z-index: 9999;
		.title {
			height: 90rpx;
			padding: 0 32rpx;
			line-height: 90rpx;
			font-size: 32rpx;
			color: #666666;
			font-weight: 500;
		}
	}
	.iconclass {
		display: inline-block;
		margin: 0 12rpx;
		color: #D0D4DB;
		font-size: 28rpx;
	}
	.container-list {
		overflow-y: scroll;
		overflow-x: hidden;
		padding-bottom: 160rpx;
		padding-top: 200rpx;
		.common {
			background-color: #fff;
			border-bottom: 1rpx solid #f4f4f4;
			.content {
				display: flex;
				align-items: center;
				height: 60rpx;
				width: 100%;
				padding: 15rpx 0;
				position: relative;
				font-size: 32rpx;
				.lable-text{
					margin-left: 16rpx;
					font-size: 30rpx;
					color: #5b5757;
					width: 500rpx;
					word-break: break-all;
				}
				.right {
					position: absolute;
					right: 30rpx;
					color: #babdc3;
					font-size: 32rpx;
				}
			}
		}
	}
	.active {
		color: #4297ED !important;
	}
	.none {
		color: #666666;
	}
	.icon-selected{
		color: #0095F2!important;
		font-size: 40rpx!important;
	}
	.icons{
		color: #0095F2!important;
		font-size: 40rpx!important;
	}
	.inline-item {
		display: inline-block
	}

	.content-item{
		display: flex;
		position: relative;
		align-items: center;
	}

	.box_sizing {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.btn {
		position: fixed;
		bottom: 0;
		padding: 10px;
		background-color: #fff;
		opacity: 0.9;
		width: 100%;
		.bottom-btn-wrap {
			display: flex;
			align-items: center;
			.selected-text {
				flex: 1;
				font-size: 24rpx;
				color: #333333;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}
			.arrow-up {
				padding-left: 20rpx;
			}
			.confirm-btn {
				font-size: 32rpx;
				margin-left: 20rpx;
				height: 70rpx;
				line-height: 70rpx;
				background-color: #2ac0c8;
				color: #fff;
				border-radius: 0;
				min-width: 200rpx;
				&:after {
					display: none;
				}
			}
		}

	}

	.select-all-wrap {
		display: flex;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		padding: 30rpx;
	}

	.select-icon {
		width: 40rpx;
		height: 40rpx;
		margin-right: 30rpx;
	}

	.info-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 24rpx 20rpx 24rpx 30rpx;

		.dept-icon-wrap {
			background: #F4F5F9;
			border-radius: 50%;
			width: 80rpx;
			height: 80rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 30rpx;

			.dept-icon {
				width: 44rpx;
				height: 36rpx;
			}
		}

		.user-icon-wrap {
			width: 80rpx;
			height: 80rpx;
			margin-right: 30rpx;
			border-radius: 50%;
			overflow: hidden;
			.user-icon {
				width: 100%;
				height: 100%;
			}
		}

		.dept-name {
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;
		}

		.user-num {
			font-size: 32rpx;
			font-weight: 500;
			color: #999999;
		}

	}

	::v-deep {
		.uni-inline-item uni-text:last-child {
			margin: 0;
		}
	}

	.user-scroll-wrap {
		height: calc(100vh - 120rpx);
	}

	.selected-inof-popup-wrap {
		.popup-header {
			justify-content: space-between;
			padding-left: 30rpx;
			.selected-text {
				font-size: 28rpx;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}
			.close-popup-btn {
				width: 140rpx;
				line-height: 80rpx;
				text-align: center;
				color: #4297ED;
			}
		}
		.user-scroll-wrap {
			height: 60vh;
		}
		.common {
			background-color: #fff;
			border-bottom: 1rpx solid #f4f4f4;
		}
	}
